
<script setup>
    import { ref } from 'vue'
    const str = ref('hello vue3')
    const baidu = ref('http://www.baidu.com')
    const imgSrc = ref('https://ldcdn.ldmnq.com/rms/ldplayer/process/img/22b29503bdce475483faa18b6b11d7461726732150.png')
</script>
<template>
<div>
    <!-- 不简写 -->
    <p v-bind:title="str">{{ str }}</p>
    <!-- 简写 -->
    <p :title="str">{{ str }}</p>
    <!-- 没有使用绑定 这样就不会绑定 -->
    <p title="{{ str }}">{{ str }}</p>
    <!-- 应用 -->
    <a :href="baidu">百度</a>
    <img :src="imgSrc">
</div>
</template>

<style scoped>

</style>